<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/vue.js"></script>
    <script src="../../js/jquery/jquery.js"></script>
</head>
<body>

<!-- 页面模板 -->
<div id="app">
    <a href="input.html">添加</a><br>
    员工列表:
    <ul>
       <li v-for="e in emps">

           {{e.id}}-{{e.name}}-{{e.age}}--<a :href="'input.html?id='+ e.id">编辑</a>
       </li>
   </ul>.

</div>
<script>

    var vue = new Vue({
        el:'#app', //获取页面模板 通过上面的id指定
        data:{ //vue 渲染模板的时候需要的数据
            emps:[]
        },
        mounted:function () {
            var _this = this;
        //发起异步请求获取员工数据
            $.get("http://localhost:8088/emps/list",{},function (data) {
                console.log(data);
                _this.emps = data;
            })
        }
    });
</script>
</body>
</html>